<div class="row">
	<div>
		<h2>{{module}}</h2>
	</div>
</div>
<div class="row" style="display: block; background-color: #D9D5D5">
	<span class="glyphicon glyphicon-filter h3" style="margin-top: 6px;">&emsp;</span><a
		href="#">主页</a>
</div>
<div class="panel panel-primary" style="margin: 10px 12px 10px -12px;">
	<div class="panel-heading" style="margin-bottom: 40px;">
		<span class="glyphicon glyphicon-user"></span> 人员列表
	</div>
	<div class="panel panel-body">
		<div class="row">
			<div class="col-sm-2 h3">
				<a><span class="glyphicon glyphicon-align-justify"></span>
					组织机构管理</a>
			</div>
			<div class="col-sm-2 h3">
				<a><span class="glyphicon glyphicon-cog"></span> 设备权限管理</a>
			</div>
			<div class="col-sm-offset-2 col-sm-2 h3">
				<select ng-model="param.fieldName">
					<option value="userName">姓名</option>
					<option value="type">人员类型</option>
					<option value="dept">所属部门</option>
					<option>门禁卡状态</option>
				</select>
			</div>
			<div class="col-sm-2 h3">
				<input type="text" name="search" placeholder="请输入关键字"
					ng-model="param.value">
			</div>
			<div class="col-sm-2 h3">
				<a class="btn btn-primary" href="javascript:void(0)"
					ng-click="search()">  <span class="glyphicon glyphicon-search">
				</span> </a>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-offset-1 col-sm-10">
				<br>
				<table class="table  table-bordered table-striped table-condensed">
					<thead>
						<tr class="h3">
							<th><input type="checkbox" ng-model="allChecked"
								ng-change="checkAll(allChecked)"></th>
							<th><b>姓名&emsp;<span class="caret"></span></b></th>
							<th><b>人员类型&emsp;<span class="caret"></span></b></th>
							<th><b>所属部门&emsp;<span class="caret"></span></b></th>
							<th><b>门禁卡号&emsp;<span class="caret"></span></b></th>
							<th><b>设备权限&emsp;<span class="caret"></span></b></th>
							<th><b>操作&emsp;<span class="caret"></span></b></th>
						</tr>
					</thead>
					<tbody>
						<tr class="h3" ng-repeat="x in items">
							<td><input type="checkbox" ng-model="x.$checked"
								ng-change="checkChange(x.id,x.$checked)" /></td>
							<td><a href="javascript:void(0)"
								ui-sref="home.people.info ({id:x.id,module:'人员管理模块'})">{{x.userName}}</a></td>
							<td>{{x.type}}</td>
							<td>{{x.dept}}</td>
							<td>{{x.num}}</td>
							<td>{{x.power}}级</td>
							<!-- 操作按钮 -->
							<td><span class="btn btn-info btn-sm"
								ng-click="deleteItem(x.id)"><i
									class="glyphicon glyphicon-trash"></i>删除</span> &emsp;</td>
						</tr>
					</tbody>
				</table>
				<div class="text-right">
					<button class="btn btn-defualt" style="float: left"
						data-ng-click="deleteItems()">删除</button>
				</div>
			</div>
			<br>
			<div class="row">
				<div class="col-sm-offset-1 col-sm-3 h4">
					每页显示 <select ng-model="pages.numPerPage" ng-change="pageChanged()">
						<option>5</option>
						<option>10</option>
						<option>15</option>
						<option>All</option>
					</select> 条，一共{{TotalItems}}条
				</div>
				<div class="col-sm-offset-1 col-sm-5">


					<span style="color: #ff0000;"> <pagination
							total-items="TotalItems" ng-model="currentPage"
							items-per-page="numPerPage" max-size="maxSize" class="pagination"
							first-text="首页" previous-text="上一页" next-text="下一页"
							last-text="末页" boundary-links="true" ng-change="pageChanged()"
							force-ellipses="false"> </pagination></span>
					</pagination>
					</span>

				</div>
			</div>
		</div>
	</div>